<!-- Dom模板 -->
<template>
  <!-- // 这里是详情页面 -->
  <div class='commodityDetails'>
    <!-- Dom内容 -->
    <!-- 放大镜 -->
    <ImageDeatils :textt="texts" :images='image' />
    <!-- 图片格式信息 -->
    <ImgMessage :imgss='imgs' />
    <!-- 快捷定位导航 -->
    <SwiftFixedAPI/>
  </div>
</template>

<script>
import ImageDeatils from "../components/commodityDetailsChilds/imageDeatils.vue";
import ImgMessage from '../components/commodityDetailsChilds/imgMessage.vue';
import SwiftFixedAPI from '../components/swiftFixedAPI.vue';
// import a from './a'; // 引入组件

export default {
  components: { ImageDeatils,ImgMessage,  SwiftFixedAPI },
  name: "",
  data() {
    return {
      msg: "测试",
      image: {
        imgs: {
          imgs1: [
            "/images/4992902f719ea3036704f5a71d83c946 (1).jpg",
            "/images/e27229869cfcef14098849085e4317e2 (1).jpg",
            "/images/32602a35afef4d6d350c418f7fe9bab9 (1).jpg",
            "/images/0c28b01e5e8e2b9848bc014ae43e73a5.jpg"
          ],
          imgs2: [
            "/images/771aba595cb0e0c72175ef0a7a41004a (2).jpg",
            "/images/bc0d7c77035dc3146022f9ea042d29e7.jpg",
            "/images/783200b1420b1ebe7bb40a0b3bc45fb9.jpg",
            "/images/226598c6c8f894d7c9d2cd358aeadcad.jpg"
            
          ],
        },
        imgb: {
          imgs1: [
            "/images/4992902f719ea3036704f5a71d83c946 (1).jpg",
            "/images/e27229869cfcef14098849085e4317e2 (1).jpg",
            "/images/32602a35afef4d6d350c418f7fe9bab9 (1).jpg",
            "/images/0c28b01e5e8e2b9848bc014ae43e73a5.jpg"
          ],
          imgs2: [
            "/images/771aba595cb0e0c72175ef0a7a41004a (2).jpg",
            "/images/bc0d7c77035dc3146022f9ea042d29e7.jpg",
            "/images/783200b1420b1ebe7bb40a0b3bc45fb9.jpg",
            "/images/226598c6c8f894d7c9d2cd358aeadcad.jpg"
            
          ],
        },
      },
      imgs:[
        '/img/one.jpg',
        '/img/two.jpg',
        '/img/three.jpg',
        '/img/four.jpg',
        '/img/five.jpg',
      ],
      texts:{
        name:"安踏中国冰雪-TEAM CHN系列男梭织运动上衣 安踏中国冰雪-CHN系列男梭织运动上衣团队",
        type:"梭织运动上衣",
        id:"952217607",
        money:"499.00"
      }
    };
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  // Vue方法定义
  methods: {},
};
</script>

<style >
/* @import url(''); 引入css类 */
.commodityDetails{
  overflow:visible;
}
.row{
  display:flex;
}
.column{
  display:flex;
  flex-direction: column;
}
</style>